<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<html>
<head th:include="common/head :: head"></head>
<link rel="stylesheet" href="./css/stype/information.css">
<body class="layui-layout-body">
<div class="layui-layout layui-layout-admin">

    <!--头部导航-->
    <div th:include="common/header :: head_home"></div>

    <!--侧边栏-->
    <div th:include="common/sidebar :: sidebar_system"></div>

  
  <div class="layui-body">
      <!-- 面包屑 -->
    <span class="layui-breadcrumb">
        <a href="./">首页</a>
        <a href="">系统设置</a>
    </span>
    <!-- 内容主体区域 -->
    <div  class="top-hadoop-count">
        <div style="padding: 20px; background-color: #F2F2F2;">
            <div class="layui-row layui-col-space15">
                <div class="layui-col-md12">
                <div class="layui-card">
                    <div class="layui-card-body">
                        <div class="layui-tab">
                            <ul class="layui-tab-title">
                                <li class="layui-this">级别设置</li>
                                <li>信息状态设置</li>
                                <li>合同状态设置</li>
                                <li>自动丢回信息周期</li>
                                <li>部门设置</li>
                                <li>级别设置</li>
                            </ul>
                            <div class="layui-tab-content">
                                <div class="layui-tab-item layui-show">
                                    1. 高度默认自适应，也可以随意固宽。
                                    <br>2. Tab进行了响应式处理，所以无需担心数量多少。
                                </div>
                                <div class="layui-tab-item">内容2</div>
                                <div class="layui-tab-item">内容3</div>
                                <div class="layui-tab-item">内容4</div>
                                <div class="layui-tab-item">内容5</div>
                                <div class="layui-tab-item">内容5</div>
                            </div>
                        </div>


                    </div>
                </div>
                </div>
            </div>
        </div> 

    </div>
    
  </div>
  

</div>
<div th:include="common/js :: js"></div>
<script>
//JavaScript代码区域
layui.use('element', function(){
  var element = layui.element;
  
});
</script>

<script>
    layui.use(['laypage', 'layer'], function(){
        var laypage = layui.laypage
        ,layer = layui.layer;
        
        //总页数低于页码总数
        laypage.render({
        elem: 'demo0'
        ,count: 40, //数据总数
        limit:5,
        jump: function(obj, first){
            //obj包含了当前分页的所有参数，比如：
            console.log(obj.curr); //得到当前页，以便向服务端请求对应页的数据。
            console.log(obj.limit); //得到每页显示的条数
        }
        });
    })
</script>

</body>
</html>